<{if !empty($tip_list)}>
<div id="once-tips" class="row">
    <style>
        .content-header h1 .show-once-tips { font-size: 12px; }

        #once-tips { display: none; }
        #once-tips .tab-content { max-height: 180px; overflow-y: auto; }
        #once-tips .box-title b { font-size: 12px; color: #ccc; margin-left: 10px;}
        #once-tips .box-title a.hide-once-tips { font-size: 12px; margin-left: 10px; color: #72afd2; }
        #once-tips .box-title a.hide-once-tips:hover { color: #6441A5; }
        #once-tips dl { display: block; margin: 5px 0; }
        #once-tips dt { width: 240px; text-align: right; }
        #once-tips dt:after { content: '：' }
        #once-tips dt, #once-tips dd { display: inline-block; }
    </style>

    <div class="col-md-12">
        <div class="box box-solid">
            <div class="box-header with-border">
                <h4 class="box-title">
                    指标说明
                    <b>Tips:鼠标移动到表单表头会显示相关提示</b>
                    <a href="javascript:;" class="hide-once-tips">隐藏</a>
                </h4>
            </div>
            <div class="tab-content no-padding">
                <{foreach from=$tip_list item=item}>
                <dl>
                    <dt><{$item.name}></dt>
                    <dd><{$item.desc}></dd>
                </dl>
                <{/foreach}>
            </div>
        </div>
    </div>

    <script>
        $(function(){
            $(".content-header h1").append('<a href="javascript:;" class="show-once-tips"><i class="fa fa-question-circle"></i> 指标说明</a>');

            $(".show-once-tips").click(function(){
                $('#once-tips').stop().slideToggle();
            });

            $(".hide-once-tips").click(function(){
                $('#once-tips').stop().slideUp();
            });
        });
    </script>
</div>
<{/if}>